<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>上传资料单</title>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/upload.css" />
</head>
<body>
<!--header start-->
<header>
    <div class="top_bar">
        <div class="left_top_bar fl">
            <div class="welcome fl">城市矿山首页，欢迎来到城市矿山</div>
            <div class="login fl"><a href="#">请登录</a></div>
            <div class="register fl"><a href="#">免费注册</a> </div>
            <div class="clearfix"></div>
        </div>
        <div class="right_top_bar fr">
            <div class="nav_top_bar fl">
                <ul>
                    <li class="fl"><a href="#">我的城市矿山</a></li>
                    <li class="fl"><a href="#">个人中心</a></li>
                    <li class="fl"><a href="#">帮助中心</a></li>
                    <li class="fl"><a href="#">在线客服</a></li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="tel_top_bar fl">
                <div class="tel">400-0660-567（8：30-17：30）</div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="menu">
        <div class="main_menu">
            <div class="logo_menu fl">
                <a href="#"><img src="images/logo_menu.png"></a>
            </div>
            <div class="nav_menu fr">
                <ul>
                    <li class="fl"><a href="#">首页</a></li>
                    <li class="fl"><a href="#">商城</a><i></i></li>
                    <li class="fl current"><a href="#">资源</a></li>
                    <li class="fl"><a href="#">现货</a></li>
                    <li class="fl"><a href="#">产品介绍</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</header><!--header end-->

<section class="main">
    <div class="left_upload fl">
        <form action="xxx.php" method="post">
            <div class="title title1">请选择文档上传
                <div class="file_upload">
                    <img src="images/file_upload.jpg">
                    <input type="file" class="fileInput_upload">
                    <!--<div class="input-file" id="firstUploadBtn"></div>-->
                </div>
            </div>
            <div class="content">
                <!--后期删除做事件-->
                <img src="images/test.jpg">
            </div>

            <div class="title title2">文件上传后，请为该资源单完善信息后保存发布</div>
            <div class="content">
                <div class="fillin">
                    <div style="clear: both;" id="zydFrom">
                        <dl class="fl">
                            <dt><span>*</span>选择公司抬头</dt>
                            <dd>
                                <select id="selCompanyOption">
                                    <option value="0" selected="selected">暂无抬头</option>
                                </select>
                            </dd>
                        </dl>
                        <dl class="fl">
                            <dt><span>*</span>地区</dt>
                            <dd>
                                <select id="selCityOption">
                                    <option value="sh">上海</option>
                                    <option value="wx">无锡</option>
                                    <option value="hz">杭州</option>
                                    <option value="nj">南京</option>
                                    <option value="nb">宁波</option>
                                    <option value="wh">武汉</option>
                                    <option value="lc">乐从</option>
                                    <option value="zz">郑州</option>
                                    <option value="tj" selected="selected">天津</option>
                                </select>
                            </dd>
                        </dl>
                        <div class="clearfix"></div>
                    </div>

                    <dl>
                        <dt><span>*</span>今日调价</dt>
                        <dd>
                            <select id="selAdjustPriceOption">
                                <option value="0">请选择调价</option>
                                <option value="10010" selected="selected">↑上调10</option>
                                <option value="10020">↑上调20</option>
                                <option value="10050">↑上调50</option>
                                <option value="20010">↓下调10</option>
                                <option value="20020">↓下调20</option>
                                <option value="20050">↓下调50</option>
                                <option value="30000">→平盘</option>
                            </select>
                            <span style="font-size:12px;">您今日资源调价幅度（相比上一个交易日）</span>
                        </dd>
                    </dl>

                    <dl>
                        <dt><span>*</span>资源单描述</dt>
                        <dd>
                            <textarea id="txtRemark" data="" placeholder="对你今天的价格变化、优势资源、货物状态等用文字补充说明，可增加你资源单的吸引力。字数限定在80字以内。"></textarea>
                        </dd>
                    </dl>

                    <dl>
                        <dt><span>*</span>所属分类</dt>
                        <dd>
                            <input type="checkbox" name="topCategory" value="1" factory="主营钢厂1,主营钢厂2" category="主营品种1,主营品种2"><label>钢材</label>
                            <input type="checkbox" name="topCategory" value="2" factory="主营钢厂1,主营钢厂2" category="主营品种1,主营品种2" checked="checked"><label>纸</label>
                            <input type="checkbox" name="topCategory" value="3" factory="主营钢厂1,主营钢厂2" category="主营品种1,主营品种2"><label>家电</label>
                        </dd>
                    </dl>

                    <dl style="" id="categorylist">
                        <dt>资源单属性</dt>
                        <dd class="dalei">
                            <table id="categoryTable">
                                <tbody>
                                <tr>
                                    <th style="width: 18%">大类</th>
                                    <td style="width: 41%">主营品种</td>
                                    <td style="width: 41%">主营钢厂</td>
                                </tr>
                                <tr class="nobottom" topcategoryid="2" id="topCategory2"><th>纸</th><td><input name="category" topcategoryid="2" type="text" value="主营品种1"></td><td><input name="factory" topcategoryid="2" type="text" value="主营钢厂1"></td></tr>
                                <tr style="display: none;" class="selectTr" id="categoryArr2"><th></th><td colspan="2" style="padding:2px 8px 5px;"><ul topcategoryid="2" type="category"><li class="on">主营品种1</li><li>主营品种2</li></ul></td></tr>
                                <tr style="display: table-row;" class="selectTr" id="factoryArr2"><th></th><td colspan="2" style="padding:2px 8px 5px;"><ul topcategoryid="2" type="factory"><li class="on">主营钢厂1</li><li>主营钢厂2</li></ul></td></tr>
                                </tbody>
                            </table>
                        </dd>
                        <p><i class="sigh"></i>经常更新属性，能让客户更快找到你</p>
                    </dl>

                    <dl>
                        <dt><span></span></dt>
                        <dd>
                            <button class="submit_upload_data">发布资源</button>
                        </dd>
                    </dl>
                </div>
            </div>
        </form>
    </div>
    <div class="right_upload fl">
        <div class="box_right_upload">
            <div class="title_right_upload">您的资源单永久下载链接</div>
            <div class="content_right_upload"><a class="huiyuanlianjie" href="http://member.citymine.net">http://member.citymine.net</a></div>
        </div>

        <div class="box_right_upload">
            <div class="title_right_upload">下载地址妙用：</div>
            <div class="content_right_upload">
                <p>1、把下载链接复制后用QQ发送给客户，相当于传送文件给对方。</p>
                <p>2、在资源单里面放上这个链接，好让客户下次不用跟你要就可以下载到你最新的资源单。</p>
                <p>3、在QQ自动回复里面填上这个下载链接，在你离开的时候都可以报价啦。</p>
            </div>
        </div>

        <div class="box_right_upload">
            <div class="title_right_upload">温馨提示：</div>
            <div class="content_right_upload">
                <p>1、您上传的资源单会在<a href="#">【资源单下载】</a>栏目展示，同时网站会自动解析您上传的资源单，其他用户可以在<a href="#">【现货搜索】</a>栏目直接搜索到您资源单里的内容。</p>
                <p>2、请准确填写品种的分类，分类会出现在<a href="#">【资源单下载】</a>栏目，有助于其他用户快速搜索到您的资源单。</p>
            </div>
        </div>

        <div class="box_right_upload">
            <div class="title_right_upload">推荐资源单样式（供参考）温馨提示：</div>
            <div class="content_right_upload">
                <p>网站根据某些规则解析资源单里面的内容，参考下面的资源样式，有助于其他用户在<a href="#">【现货搜索】</a>栏目搜索到您完整的资源。</p>
                <div class="download_excel">资源单样式<a href="#">下载查看</a> </div>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
</section>

<!--footer start-->
<footer>
    <section class="five_advantage">
        <div class="main_five_advantage">
            <div class="box_five_advantage fl">
                <i class="advantage_1"></i>
                <span>厂商直供</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_2"></i>
                <span>品种规格齐全</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_3"></i>
                <span>仓库加工一体</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_4"></i>
                <span>诚聘英才</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_5"></i>
                <span>帮助中心</span>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>
        </div>
    </section>
    <section class="nav_footer">
        <div class="main_nav_footer">
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">如何免费找货</a></li>
                    <li><a href="#">资源单搜索</a></li>
                    <li><a href="#">如何免费找车</a></li>
                    <li><a href="#">拾起卖APP/微信</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">商城采购流程</a></li>
                    <li><a href="#">如何支付</a></li>
                    <li><a href="#">发票查询</a></li>
                    <li><a href="#">售后服务</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">合作钢厂</a></li>
                    <li><a href="#">商城与资源单区别</a></li>
                    <li><a href="#">卖方资源上传</a></li>
                    <li><a href="#">供应商合作洽谈</a></li>
                    <li><a href="#">合作热线</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">拾起卖加工简介</a></li>
                    <li><a href="#">委托加工的优势</a></li>
                    <li><a href="#">可委托加工的类型</a></li>
                    <li><a href="#">找材料仓库服务信息</a></li>
                    <li><a href="#">意见与建议</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">拾起卖简介</a></li>
                    <li><a href="#">拾起卖融资申请流程</a></li>
                    <li><a href="#">如何使用拾起卖融资</a></li>
                    <li><a href="#">如何还款</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </section>
    <section class="other_footer">
        <div class="main_other_footer">
            <div class="nav_main_other_footer">
                <ul>
                    <li class="fl"><a href="#">关于我们</a> </li>
                    <li class="fl"><a href="#">诚聘英才</a> </li>
                    <li class="fl"><a href="#">联系我们</a> </li>
                    <li class="fl"><a href="#">常见问题</a> </li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="side_footer">城市矿山官方网站  <a href="#">www.citymine.com .cn</a>  备案号 津ICP 17003801-1 </div>
            <div class="certificate_footer">
                2015-2016年度钢材市场优秀示范企业   2016年度国家重点扶持项目  中国再生资源示范企业  2015年中国大宗商品现代流通诚信市场
            </div>
        </div>
    </section>
</footer>
<!--footer end-->
<script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="lib/ajaxupload.js"></script>
<script type="text/javascript" src="js/upload.js"></script>
</body>
</html>